
 <!DOCTYPE HTML>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  
    <title>HelloBlog</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    
    <meta name="author" content="lisx">
    

    
    <meta name="description" content="尝试写blog">
<meta property="og:type" content="website">
<meta property="og:title" content="HelloBlog">
<meta property="og:url" content="http://lisx.github.io/index.html">
<meta property="og:site_name" content="HelloBlog">
<meta property="og:description" content="尝试写blog">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="HelloBlog">
<meta name="twitter:description" content="尝试写blog">

    
    <link rel="alternative" href="/atom.xml" title="HelloBlog" type="application/atom+xml">
    
    
    <link rel="icon" href="/img/favicon.ico">
    
    
    <link rel="apple-touch-icon" href="/img/jacman.jpg">
    <link rel="apple-touch-icon-precomposed" href="/img/jacman.jpg">
    
    <link rel="stylesheet" href="/css/style.css" type="text/css">
</head>

  <body>
    <header>
      
<div>
		
			<div id="imglogo">
				<a href="/"><img src="/img/logo.png" alt="HelloBlog" title="HelloBlog"/></a>
			</div>
			
			<div id="textlogo">
				<h1 class="site-name"><a href="/" title="HelloBlog">HelloBlog</a></h1>
				<h2 class="blog-motto">github blog 学习</h2>
			</div>
			<div class="navbar"><a class="navbutton navmobile" href="#" title="菜单">
			</a></div>
			<nav class="animated">
				<ul>
					<ul>
					 
						<li><a href="/">主页|Home</a></li>
					
						<li><a href="/archives">归档|Archives</a></li>
					
						<li><a href="/about">关于|About</a></li>
					
					<li>
 					
											<form class="search" action="/search/index.html" method="get" accept-charset="utf-8">
																		<label>Search</label>
																								<input type="text" id="search" class="st-default-search-input" maxlength="20" placeholder="Search" />
																														</form>
				
				
				
					</li>
				</ul>
			</nav>			
</div>

    </header>
    <div id="container">
      <div id="main">

   
    
    <article class="post-expand post" itemprop="articleBody"> 
        <header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/post/运行ReactNative示例/" title="运行ReactNative示例" itemprop="url">运行ReactNative示例</a>
  </h1>
  <p class="article-author">By
       
		<a href="/about" title="lisx" target="_blank" itemprop="author">lisx</a>
		
  <p class="article-time">
    <time datetime="2016-03-31T05:54:46.000Z" itemprop="datePublished"> 发表于 2016-03-31</time>
    
  </p>
</header>
    <div class="article-content">
        
        <h2 id="运行ReactNative示例-mac电脑运行"><a href="#运行ReactNative示例-mac电脑运行" class="headerlink" title="运行ReactNative示例 mac电脑运行:"></a>运行ReactNative示例 mac电脑运行:</h2><p>首先按照<a href="http://reactnative.cn/" target="_blank" rel="external">文档</a>安装一些命令行工具, 再下载Git代码.<br>Github: <a href="https://github.com/facebook/react-native" target="_blank" rel="external">https://github.com/facebook/react-native</a><br>内容很多, 包含一些依赖库和示例(Example), 下载的有点慢, 耐心等待.<br>下载完成后, 在react-native内, 执行npm install.<br>在react-native目录,新建local.properties<br>sdk.dir=/usr/local/opt/android-sdk<br>//还需要安卓<a href="http://wear.techbrood.com/tools/sdk/ndk/" target="_blank" rel="external">ndk</a>到官网下载.<br>ndk.dir=/usr/local/opt/android-ndk-r10b</p>
<p><img src="/img/UIExplorer_android.png" alt="红米note"> <img src="/img/UIExplorer_iphone.png" alt="iphone模拟器"></p>
<h2 id="执行"><a href="#执行" class="headerlink" title="执行"></a>执行</h2><p>cd react-native<br>./gradlew :ReactAndroid:assembleDebug</p>
<h2 id="再执行"><a href="#再执行" class="headerlink" title="再执行"></a>再执行</h2><p>./gradlew :ReactAndroid:installArchives</p>
<h2 id="启动服务"><a href="#启动服务" class="headerlink" title="启动服务"></a>启动服务</h2><p>./packager/packager.sh</p>
<h2 id="安装项目"><a href="#安装项目" class="headerlink" title="安装项目"></a>安装项目</h2><p>./gradlew :Examples:UIExplorer:android:app:installDebug</p>
<h2 id="一定要先启动服务-再安装项目"><a href="#一定要先启动服务-再安装项目" class="headerlink" title="一定要先启动服务, 再安装项目."></a>一定要先启动服务, 再安装项目.</h2><p>出现transforming 100%, 即导入成功.</p>
<h2 id="导入项目"><a href="#导入项目" class="headerlink" title="导入项目"></a>导入项目</h2><p>真机调试, 本人红米note(Android 4.4) ,打开app白屏,需要在权限管理中设置显示悬浮窗为允许.<br>摇动手机, 选择Dev Settings-&gt;Debug sever host &amp; port for device. 设置IP地址, 观察本机的IP, 填入即可. 我当前的是<br>192.168.4.2:8081<br>注意一定要设置端口8081, 否则无法加载.<br>Android5.0以上, 直接设置端口即可.<br>adb reverse tcp:8081 tcp:8081<br>参考Android的真机调试文档.<br>IOS模拟器, 太穷没有iPhone. 直接打开open UIExplorer.xcodeproj项目, 执行就可以显示.<br>开发有两种选择, 一种是直接基于ReactNative开发, 一种是把ReactNative集成到现有的App中, 对于第二种, 我们就需要关注, ReactNative会增大多少代码呢?<br>使用最基本的HelloWorld做测试, ReactNative也是生成一个简单HelloWorld的JS. 最新生成的HelloWorld的大小是1.4M, 加上ReactNative的是7.6M, 框架大约6.2M左右, 各位可以权衡一下使用.<br>ReactNative的UIExplorer已经包含了大量示例, 很接近原生, 非常绚丽, 速度也很快. 如Android的ViewPager</p>

        
        
        <p class="article-more-link">
          
       </p>
    </div>
    <footer class="article-footer clearfix">
<div class="article-catetags">


</div>




<div class="comments-count">
	
	  	<span></span>
		<a href="/post/运行ReactNative示例/#comments" class="ds-thread-count comments-count-link" data-thread-key="post/运行ReactNative示例/" data-count-type="comments">&nbsp;</a>
	
</div>

</footer>


    </article>






   
    
    <article class="post-expand post" itemprop="articleBody"> 
        <header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/post/删除时间段的文件/" title="删除时间段的文件" itemprop="url">删除时间段的文件</a>
  </h1>
  <p class="article-author">By
       
		<a href="/about" title="lisx" target="_blank" itemprop="author">lisx</a>
		
  <p class="article-time">
    <time datetime="2016-03-30T10:06:39.000Z" itemprop="datePublished"> 发表于 2016-03-30</time>
    
  </p>
</header>
    <div class="article-content">
        
        <p>今天遇到服务器要删除rman备份文件用到了一些命令记录一下啊:<br>df -h         查看硬盘存储<br>du -sh *     查看文件的大小</p>
<p>备份文件每天生成,而且占用内存非常大,不过客户还要尽量保留文件.所以只能删除最早的备份文件,其实应该在配置文件里可以配置.不过前面的人可能没有配置,<br>现在只能手动删除了.用到的命令是:<br>ls -l –time-style=”+%Y-%m-%d” | grep “2015-01”|awk ‘{ print $9 }’|xargs rm -rf</p>
<p>Awk是一种处理结构数据并输出格式化结果的编程语言， Awk 是其作者 “Aho,Weinberger,Kernighan” 的简称。</p>
<p>Awk通常被用来进行格式扫描和处理。通过扫描一个或多个文件中的行，查看是否匹配指定的正则表达式，并执行相关的操作。</p>

        
        
        <p class="article-more-link">
          
       </p>
    </div>
    <footer class="article-footer clearfix">
<div class="article-catetags">


</div>




<div class="comments-count">
	
	  	<span></span>
		<a href="/post/删除时间段的文件/#comments" class="ds-thread-count comments-count-link" data-thread-key="post/删除时间段的文件/" data-count-type="comments">&nbsp;</a>
	
</div>

</footer>


    </article>






   
    
    <article class="post-expand post" itemprop="articleBody"> 
        <header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/post/利用n和nvm管理Node的版本/" title="利用n和nvm管理Node的版本" itemprop="url">利用n和nvm管理Node的版本</a>
  </h1>
  <p class="article-author">By
       
		<a href="/about" title="lisx" target="_blank" itemprop="author">lisx</a>
		
  <p class="article-time">
    <time datetime="2016-02-18T05:56:17.000Z" itemprop="datePublished"> 发表于 2016-02-18</time>
    
  </p>
</header>
    <div class="article-content">
        
        <p>作者: JeremyWei | 可以转载, 但必须以超链接形式标明文章原始出处和作者信息及版权声明<br>网址: <a href="http://it.taocms.org/03/3079.htm.html" target="_blank" rel="external">http://it.taocms.org/03/3079.htm.html</a><br>写在前面<br>金陵的3月又是雨季，细雨吻着羞花，极目望窗外，烟雨朦胧的紫金山忽隐忽现，此时最适合读诗与编程。思绪拉回到眼前，开始我们今天的主题－关于如何管理Node的版本。</p>
<p>Node最近几年可谓风光无限，不仅让前端工程师们逆袭成为「全栈工程师」，也使JavaScript这门动态语言一雪前耻，当年对其的重视相当不够，很多人甚至觉得它是个美丽的错误，不应该存在，如今其借助Node可赚足全球开发者的眼球（28k个star和6k个fork）。大量开发者的贡献使Node版本的迭代速度很快，版本很多（横跨0.6到0.11），所以升级Node版本就成为了一个问题。目前有n和nvm这两个工具可以对Node进行无痛升级，本文简单介绍一下二者的使用。</p>
<p>n<br>n是Node的一个模块，作者是TJ Holowaychuk（鼎鼎大名的Express框架作者），就像它的名字一样，它的理念就是简单：</p>
<p>“no subshells, no profile setup, no convoluted api, just simple”<br>安装很简单：</p>
<p>$ sudo npm install -g n<br>安装完成之后，直接输入n后输出当前已经安装的node版本以及正在使用的版本（前面有一个o），你可以通过移动上下方向键来选择要使用的版本，最后按回车生效。</p>
<p>$ n<br>    0.10.1<br>        0.10.15<br>    o   0.10.21<br>        0.11.8<br>        如果你要安装其他的版本（比如0.11.12），那么如下：</p>
<pre><code>$ n 0.11.12
install : 0.11.12
   mkdir : /usr/local/n/versions/0.11.12
      fetch : http://nodejs.org/dist/v0.11.12/node-v0.11.12-darwin-x64.tar.gz
  安装最新的版本

  $ n latest
  安装稳定版本

  $ n stable
  删除某个版本

  $ n rm 0.10.1 
  以指定的版本来执行脚本

  $ n use 0.10.21 some.js
  nvm
  nvm全称Node Version Manager，它与n的实现方式不同，其是通过shell脚本实现的。

  安装方式有两种：

  $ curl https://raw.github.com/creationix/nvm/v0.4.0/install.sh | sh
  或者

  $ wget -qO- https://raw.github.com/creationix/nvm/v0.4.0/install.sh | sh
  以上脚本会把nvm库clone到~/.nvm，然后会在~/.bash_profile, ~/.zshrc或`~/.profile末尾添加source，安装完成之后，你可以用以下命令来安装node

  $ nvm install 0.10
  使用指定的版本

  $ nvm use 0.10
  查看当前已经安装的版本

  $ nvm ls
  .nvm
  -&gt;  v0.10.24
  查看正在使用的版本

  $ nvm current
  v0.10.24
  以指定版本执行脚本

  $ nvm run 0.10.24 myApp.js
  卸载nvm

  $ rm -rf ~/.nvm
  总结
  以上就是两种Node版本管理工具的安装和基本使用方法，选择适合你的那一种口味。

  参考
  https://github.com/creationix/nvm
</code></pre><p><a href="https://github.com/visionmedia/n" target="_blank" rel="external">https://github.com/visionmedia/n</a><br>(完)</p>

        
        
        <p class="article-more-link">
          
       </p>
    </div>
    <footer class="article-footer clearfix">
<div class="article-catetags">

<div class="article-categories">
  <span></span>
  <a class="article-category-link" href="/categories/nodejs/">nodejs</a>
</div>


</div>




<div class="comments-count">
	
	  	<span></span>
		<a href="/post/利用n和nvm管理Node的版本/#comments" class="ds-thread-count comments-count-link" data-thread-key="post/利用n和nvm管理Node的版本/" data-count-type="comments">&nbsp;</a>
	
</div>

</footer>


    </article>






   
    
    <article class="post-expand post" itemprop="articleBody"> 
        <header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/post/Table表格内容超长时：自动截取、自动换行/" title="Table表格内容超长时：自动截取、自动换行" itemprop="url">Table表格内容超长时：自动截取、自动换行</a>
  </h1>
  <p class="article-author">By
       
		<a href="/about" title="lisx" target="_blank" itemprop="author">lisx</a>
		
  <p class="article-time">
    <time datetime="2016-02-18T03:47:14.000Z" itemprop="datePublished"> 发表于 2016-02-18</time>
    
  </p>
</header>
    <div class="article-content">
        
        <p>表格内容过长而变形的解决方法。</p>
<p>在表格加入如下属性设置：<br>style=”TABLE-LAYOUT:fixed;WORD-WRAP:break_word”</p>
<p>上面显示有超过表格长度的自动截取。<br>如果要表格长度固定，且超过长度时自动换行，则：<br>style=”TABLE-LAYOUT:fixed;WORD-BREAK:break-all”</p>
<p>此处切勿设置tr 或td的高度</p>
<p>[CSS table-layout 属性]{<a href="http://www.w3school.com.cn/cssref/pr_tab_table-layout.asp}" target="_blank" rel="external">http://www.w3school.com.cn/cssref/pr_tab_table-layout.asp}</a><br>[CSS3 word-wrap 属性]{<a href="http://www.w3school.com.cn/cssref/pr_word-wrap.asp}" target="_blank" rel="external">http://www.w3school.com.cn/cssref/pr_word-wrap.asp}</a></p>

        
        
        <p class="article-more-link">
          
       </p>
    </div>
    <footer class="article-footer clearfix">
<div class="article-catetags">

<div class="article-categories">
  <span></span>
  <a class="article-category-link" href="/categories/CSS/">CSS</a>
</div>


</div>




<div class="comments-count">
	
	  	<span></span>
		<a href="/post/Table表格内容超长时：自动截取、自动换行/#comments" class="ds-thread-count comments-count-link" data-thread-key="post/Table表格内容超长时：自动截取、自动换行/" data-count-type="comments">&nbsp;</a>
	
</div>

</footer>


    </article>






   
    
    <article class="post-expand post" itemprop="articleBody"> 
        <header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/post/mac终端-terminal-里的快捷键/" title="mac终端(terminal)里的快捷键" itemprop="url">mac终端(terminal)里的快捷键</a>
  </h1>
  <p class="article-author">By
       
		<a href="/about" title="lisx" target="_blank" itemprop="author">lisx</a>
		
  <p class="article-time">
    <time datetime="2016-02-18T03:28:36.000Z" itemprop="datePublished"> 发表于 2016-02-18</time>
    
  </p>
</header>
    <div class="article-content">
        
        <p>Command + K<br>清屏<br>Command + T<br>新建标签<br>Command +W  关闭当前标签页<br>Command + S  保存终端输出<br>Command + D  垂直分隔当前标签页<br>Command + Shift + D<br>水平分隔当前标签页<br>Command + shift +  {或}<br>向左/向右切换标签</p>

        
        
        <p class="article-more-link">
          
       </p>
    </div>
    <footer class="article-footer clearfix">
<div class="article-catetags">

<div class="article-categories">
  <span></span>
  <a class="article-category-link" href="/categories/macbook/">macbook</a>►<a class="article-category-link" href="/categories/macbook/快捷键/">快捷键</a>
</div>


</div>




<div class="comments-count">
	
	  	<span></span>
		<a href="/post/mac终端-terminal-里的快捷键/#comments" class="ds-thread-count comments-count-link" data-thread-key="post/mac终端-terminal-里的快捷键/" data-count-type="comments">&nbsp;</a>
	
</div>

</footer>


    </article>







  <nav id="page-nav" class="clearfix">
    <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><a class="extend next" rel="next" href="/page/2/">Next<span></span></a>
  </nav>

</div>
      <div class="openaside"><a class="navbutton" href="#" title="显示侧边栏"></a></div>

<div id="asidepart">
<div class="closeaside"><a class="closebutton" href="#" title="隐藏侧边栏"></a></div>
<aside class="clearfix">

  
<div class="github-card">
<p class="asidetitle">Github 名片</p>
<div class="github-card" data-github="lisx" data-width="220" data-height="119" data-theme="medium">
<script type="text/javascript" src="//cdn.jsdelivr.net/github-cards/latest/widget.js" ></script>
</div>
  </div>



  
<div class="categorieslist">
	<p class="asidetitle">分类</p>
		<ul>
		
		  
			<li><a href="/categories/CSS/" title="CSS">CSS<sup>1</sup></a></li>
		  
		
		  
			<li><a href="/categories/blog/" title="blog">blog<sup>1</sup></a></li>
		  
		
		  
			<li><a href="/categories/mac/" title="mac">mac<sup>1</sup></a></li>
		  
		
		  
			<li><a href="/categories/macbook/" title="macbook">macbook<sup>4</sup></a></li>
		  
		
		  
			<li><a href="/categories/nodejs/" title="nodejs">nodejs<sup>1</sup></a></li>
		  
		
		  
			<li><a href="/categories/sublime/" title="sublime">sublime<sup>1</sup></a></li>
		  
		
		  
			<li><a href="/categories/macbook/vim/" title="vim">vim<sup>1</sup></a></li>
		  
		
		  
			<li><a href="/categories/macbook/快捷键/" title="快捷键">快捷键<sup>3</sup></a></li>
		  
		
		</ul>
</div>


  <div class="linkslist">
  <p class="asidetitle">友情链接</p>
    <ul>
        
          <li>
            
            	<a href="https://coderq.com" target="_blank" title="一个面向程序员交流分享的新一代社区">码农圈</a>
            
          </li>
        
          <li>
            
            	<a href="http://wuchong.me" target="_blank" title="Jark&#39;s Blog">Jark&#39;s Blog</a>
            
          </li>
        
    </ul>
</div>

</aside>
</div>
    </div>
    <footer><div id="footer" >
	
	<div class="line">
		<span></span>
		<div class="author"></div>
	</div>
	
	
	<section class="info">
		<p> Hello ,I&#39;m Larry Page in Google. <br/>
			This is my blog,believe it or not.</p>
	</section>
	 
	<div class="social-font" class="clearfix">
		
		<a href="http://weibo.com/3501802042" target="_blank" class="icon-weibo" title="微博"></a>
		
		
		<a href="https://github.com/lisx" target="_blank" class="icon-github" title="github"></a>
		
		
		
		
		
		<a href="https://www.linkedin.com/in/lisx" target="_blank" class="icon-linkedin" title="linkedin"></a>
		
		
		
		
		
	</div>
			
		

		<p class="copyright">
		Powered by <a href="http://hexo.io" target="_blank" title="hexo">hexo</a> and Theme by <a href="https://github.com/wuchong/jacman" target="_blank" title="Jacman">Jacman</a> © 2016 
		
		<a href="/about" target="_blank" title="lisx">lisx</a>
		
		
		</p>
		<script type="text/javascript">
  (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
     (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
       e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
         })(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st');
  
  _st('install','m45g4ykUuALtMMD8xRuz','2.0.0');
</script>  
<script>
(function(){
    var bp = document.createElement('script');
    bp.src = '//push.zhanzhang.baidu.com/push.js';
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</div>
</footer>
    <script src="/js/jquery-2.0.3.min.js"></script>
<script src="/js/jquery.imagesloaded.min.js"></script>
<script src="/js/gallery.js"></script>
<script src="/js/jquery.qrcode-0.12.0.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){ 
  $('.navbar').click(function(){
    $('header nav').toggleClass('shownav');
  });
  var myWidth = 0;
  function getSize(){
    if( typeof( window.innerWidth ) == 'number' ) {
      myWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth) {
      myWidth = document.documentElement.clientWidth;
    };
  };
  var m = $('#main'),
      a = $('#asidepart'),
      c = $('.closeaside'),
      o = $('.openaside');
  c.click(function(){
    a.addClass('fadeOut').css('display', 'none');
    o.css('display', 'block').addClass('fadeIn');
    m.addClass('moveMain');
  });
  o.click(function(){
    o.css('display', 'none').removeClass('beforeFadeIn');
    a.css('display', 'block').removeClass('fadeOut').addClass('fadeIn');      
    m.removeClass('moveMain');
  });
  $(window).scroll(function(){
    o.css("top",Math.max(80,260-$(this).scrollTop()));
  });
  
  $(window).resize(function(){
    getSize(); 
    if (myWidth >= 1024) {
      $('header nav').removeClass('shownav');
    }else{
      m.removeClass('moveMain');
      a.css('display', 'block').removeClass('fadeOut');
      o.css('display', 'none');
        
    }
  });
});
</script>










<link rel="stylesheet" href="/fancybox/jquery.fancybox.css" media="screen" type="text/css">
<script src="/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
  $('.article-content').each(function(i){
    $(this).find('img').each(function(){
      if ($(this).parent().hasClass('fancybox')) return;
      var alt = this.alt;
      if (alt) $(this).after('<span class="caption">' + alt + '</span>');
      $(this).wrap('<a href="' + this.src + '" title="' + alt + '" class="fancybox"></a>');
    });
    $(this).find('.fancybox').each(function(){
      $(this).attr('rel', 'article' + i);
    });
  });
  if($.fancybox){
    $('.fancybox').fancybox();
  }
}); 
</script>



<!-- Analytics Begin -->



<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?e6d1f421bbc9962127a50488f9ed37d1";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>



<!-- Analytics End -->

<!-- Totop Begin -->

	<div id="totop">
	<a title="返回顶部"><img src="/img/scrollup.png"/></a>
	</div>
	<script src="/js/totop.js"></script>

<!-- Totop End -->

<!-- MathJax Begin -->
<!-- mathjax config similar to math.stackexchange -->


<!-- MathJax End -->

<!-- Tiny_search Begin -->

<!-- Tiny_search End -->

  </body>
 </html>
